@charset"utf-8";
/* CSS Document */
 a {
    text-decoration:none;
    color:#444;
}
a:hover {
    color:#999;
}
/*自适应页面高度*/
 body {
    min-height: 100vh !important;
    display: flex;
    flex-direction: column;
}

/*pc内容头部*/
.info-top {
	display: none;
	background: #fff;
}

.topnav {
	height: 40px;
	background: #fafafa;
	line-height: 38px;
	font-size: 12px;
	color: #999;
}

.topnav a {
	color: #999;
}

.topnav span {
	color: #E1152F;
	font-weight: bold;
}

/*列表页内容区*/

.class-li {
	margin: 30px auto;
	flex: 1 1 auto;
}

.class-li ul li {
	font-size: 1rem;
	padding-bottom: 2rem;
	border-bottom: 1px #ccc dashed;
	line-height: 2.6rem;
	margin-bottom: 2rem;
}

.class-li ul li a {
	color: #777;
}

.class-li ul li p {
	font-size: 1.1rem;
	color: #333;
	line-height: 2rem;
	text-indent: 0em;
	width: 80%;
}

.class-li ul li span {
	display: block;
	font-size: 0.8rem;
	color: #bababa;
	float: right;
	/* width: 7rem; */
	height: 1.6rem;
	line-height: 1.6rem;
	text-align: center;
	border: 1px #ddd solid;
	background: #fff;
	margin-top: -1.2rem;
	border-radius: 5px;
    padding: 0 5px;
}

/*翻页*/
.page_t {
    margin:1rem 0 2.5rem 0.8rem;
    overflow:hidden;
    margin:0 auto;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}

.page_t a {
	height: 1.6rem;
	border: 1px #bbb solid;
	float: left;
	margin-right: 0.5rem;
	text-align: center;
	line-height: 1.6rem;
	font-size: 1rem;
	color: #666;
	padding: 0 0.6rem;
	display: block;
}

.page_s {
	border: 1px #E0002B solid !important;
	color: #E0002B !important;
	cursor: default;
}


/* 栏目*/
.class-name {
	color: #666;
	font-size: 1.2rem;
	line-height: 3rem;
	height: 4rem;
}

.class-name p {
	box-sizing: border-box;
	font-size: 1.2rem;
	color: #999;
	text-align: center;
	line-height: 3rem;
	float: left;
	text-indent: 0em;

}

.class-name p a {
	color: #999;
}

.class-name p a:hover {
	color: #db0000;
}

.class-name span a {
	color: #db0000;
	font-size: 1.2rem;
	line-height: 2.8rem;
}

.class-name span a:hover {
	color: #db0000;
}


/*专题页内容区*/
.special-box {
	overflow: hidden;
	margin: 0 auto;
	max-width: 1280px;
}

.info-box {
	overflow: hidden;
	margin: 30px auto;
	max-width: 1140px;
	width: 100%;
	flex: 1 1 auto;
}

.special-li ul {
	width: 100%;
	float: left;
	overflow: hidden;
}

.special-li {
	margin: 30px auto;
	display: flex;
}

.special-li ul li {
	padding-bottom: 3rem;
	margin: 0 0.3rem 0 0.3rem;
	width: 32.4%;
	float: left;
}

.special-li ul li a {
	color: #777;
}

.special-li ul li span {
	display: block;
	font-size: 1rem;
	float: right;
	width: 7rem;
	height: 1.6rem;
	line-height: 1.6rem;
	text-align: center;
	background: #fff;
	margin-top: 0.5rem;
	width: 100%;
}

/*详情页内容区*/
.info-main {
	/*text-indent: 2em;*/
}

/*.info-main p{
	text-indent: 0 !important;
}*/

.info-bt {
	padding: 0.6rem 0 1rem 0;
	text-align: center;
}

.info-bt p {
	font-size: 2.2rem;
	color: #333;
	font-weight: bold;
	line-height: 4.4rem;
	text-indent: 0em;
	text-align: justify;
}

.info-Source-time {
	font-size: 1.2rem;
	color: #999;
	line-height: 1.6rem;
	height: 3.5rem;
}

.info-Source-time span {
	width: 0.6rem;
	height: 1.4rem;
	background: url(../images/dot.png);
	display: block;
	float: left;
	margin: 1rem 1rem 0 0;
}

.info-Source-time h1 {
	float: left;
	width: 60%;
	width: auto !important;
	font-size: 1.2rem;
	font-weight: 500;
}

.info-author {
	font-size: 1.1rem;
	color: #999;
	text-align: right;
	line-height: 6rem;
	border-top: 1px #bbb dashed;
	margin: 3rem 0 3rem;
}

.info-main {
	font-size: 1.2rem;
	color: #555;
	line-height: 2.5rem;
	margin-top: 3rem;
}

.info-main img {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

.info-qr {
	display: none;
}



/*文明创建页内容区*/
.found-name {
	height: 100%;
	float: left;
	margin: 0 0 2rem 0;
}

.found-li {
	margin: 0 auto;
}


.switch1 {
	width: 832px;
	height: 520px;
	position: relative;
}

.switch1 ul {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
}

.switch1 li {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.switch1 ul li img {
	width: 832px;
	height: 520px;
	position: absolute;
	top: 0;
	left: 0;
}

.switch-nav {
	bottom: 20px;
	right: 10px;
	position: absolute;
	z-index: 1;
	height: 5px;
}

.switch-nav span.active {
	background: #fff;
	border-radius: 4px;
	width: 10px;
	height: 10px;
}

.switch-nav span {
	margin: 0 3px;
	text-align: center;
	line-height: 15px;
	cursor: pointer;
	float: left;
	display: block;
	width: 10px;
	height: 10px;
	background: #bdbbb8;
	border-radius: 50px;
	color: #fff;
}

.switch1 h2 {
	line-height: 46px;
	position: absolute;
	width: 95%;
	padding: 0 3%;
	background: url(../images/rs.png);
	font-weight: normal;
	bottom: -20px;
	text-align: center;
	height: 46px;
}

.switch1 h2 a {
	color: #fff;
}

.list4 {
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0 0 20px 0;
}

.list4 p {
	border-bottom: 1px dotted #d8d8d8;
	margin: 0 0 1rem 0;
}

.list4 a {
	color: #333;
	overflow: hidden;
	line-height: 40px;
}

.list4 a:hover {
	color: #C00;
}


.butnav1 {
	width: 30%;
	text-align: center;
	float: left;
}

.butnav1 a {
	display: block;
	width: 100%;
	color: #815200;
	overflow: hidden;
	background: #e5d4b6;
	float: left;
	margin: 0 0 2rem 0;
}

.butnav1 a span {
	display: block;
	width: 100%;
	font-weight: bold;
	margin-bottom: 10px;
	overflow: hidden;
}

.butnav1 a.selected {
	color: #fff;
	background: #a01c0e;
}

.butnav1 a:hover {
	color: #fff;
	background: #a01c0e;
}

.found1 {
	background-color: #f7f7f7;
	overflow: hidden;
	margin: 0 auto;
	width: 100%;
}

.fv1 {
	display: none;
	width: 68%;
	float: right;
}

.fv1 .class-li ul li{
	margin-bottom: 1rem;
	padding: 1rem;
}

.found-li {
	margin: 0 auto;
}

.col1 {
	width: 832px;
}

.cor1 {
	width: 410px;
}


/*移动端 导航*/
.mapbox {
	background: rgb(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
}

.map {
	height: 100%;
	width: 100%;
	position: fixed;
	left: 100%;
	top: 0;
	background: #fff;
	z-index: 999999;
	overflow: auto;
}

.map-top {
	background-color: #a01c0e;
	position: relative;
	margin-bottom: 1rem;
	height:7rem;
}

.map-top img {
	height: 66%;
	position: absolute;
	right:0;
	left: 0;
	bottom: 0;
	top: 0;
	margin:1rem auto;
}

.mapli a {color: #777;display: inline-block;width: 100%;height: 100%;}

.mapli a:hover {
	color: #fff !important;
	background: linear-gradient(to bottom, #c1200f,#a01c0e );
	}
	



.mapli {
	width:60%;
	text-align: center;
	line-height:9rem;
	margin:3rem auto 3rem;
	font-size:3.4rem;
	background: #f5f5f7;
	overflow: hidden;
	border-radius: 0.8rem;
	height: 9rem;
}



/*移动端顶部条*/
.nav-top {
	height: 5rem;
	position: relative;
	font-size: 1.3rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
	line-height: 3rem;
}

.nav-top a {
	display: block;
	height: 44%;
	width: 10%;
	position: absolute;
	left: 0.8rem;
	bottom: 0;
	top: 0;
	margin: auto 0;
	cursor: pointer;
	background-size: auto 100%;
}

.nav02 {
	background: #eee;
	position: relative;
	font-size: 1rem;
	color: #666;
	padding: 0 0.5rem;
}

.nav02 a {
	padding: 0 0.8rem;
	line-height: 2.5rem;
}

.on {
	color: #DF002B;
	font-weight: bold;
}

.i1-mobile {
    width: 100%;
    border-bottom: 2px solid #d8d8d8;
    padding-bottom: 4rem;
    margin: 2rem 0 2rem 0;
    float: left;
    overflow: hidden;
    position: relative;
}

.logo1 {
	width:100%;
	text-align: center;
}

.logo1 img {
	width:54%;
}

.h-icon {
	width:6%;
	margin:2rem 0 0 2rem;
	text-align: center;
	float: none !important;
	position: absolute;
	left: 0;
}

.h-icon img{
	width: 100%;
	height: 100%;
}

.close img {
	right: 0;
	position: absolute;
}


@media screen and (max-width: 1000px) {
	.info-top,
	.columns,
	.footbox,
	.info-class,
	.col1,.cor1 {
		display: none;
	}
	body{
		width: 100vw !important;
		min-width: 100vw !important;
		overflow-x: hidden !important;
	}
	.info-box{
		margin-top: 0;
	}
	.class-name{
		position: relative;
		top: 22rem;
		padding-left: 3rem;
		font-size: 3rem;
	}
	.class-name p,.class-name span a{
		font-size: 3rem;
	}
	.special-li { float: left; overflow: hidden;margin: 100px auto 30px;}

	.class-li {padding:8rem 3rem 0.5rem 3rem; overflow: hidden;}
	.class-li ul li{ overflow: hidden;}

	.class-li ul li p {
		font-size:2.6rem;
		color: #333;
		line-height: 5rem;
		width: 100% !important;
	}
	.class-li ul li span { 
	    font-size: 2rem;
	    height: 2.6rem;
	    line-height: 2.6rem;
		margin-top: 0;
	}
	.info-Source-time{ margin: 1.3rem 0 1.3rem 0; height: 7rem; overflow: hidden;}
	.info-Source-time span { overflow: hidden; width:2rem; height:2rem; background: #ea3522;border-radius: 30px;margin:3.5rem 2rem 0 0;}
	.info-Source-time h1 {
	    width: 60%;
	    width: auto !important;
	    font-size: 2.0rem;
	    font-weight: 500;
	    line-height: 6.4rem;
	}
	.info-bt{margin-top:3rem;}
	.info-bt p {
	    font-size:4rem;
	    line-height:6rem;

	}
	.info-box-1{ overflow: hidden;}

	.page_t {
		margin: 4rem auto 2rem;
		overflow: hidden;
		display: flex;
		align-items: center;
	}

	.page_t a{height:3.6rem; border:1px #bbb solid; float:left; margin-right:1rem; text-align:center; line-height:3.6rem; font-size:3rem;color:#666; padding:0.5rem 1.5rem; display:block;}
	.page_s{border:1px #E0002B solid !important; color:#E0002B !important; cursor:default;}

	.info-main {
		font-size:2.8rem;
		color: #555;
		line-height:6rem;
		padding: 1.2rem;
	}

	.info {
		margin: 20rem 1.6rem 0;
	}


	.special-li ul li {
		padding-bottom: 3rem;
		margin: 0 0.3rem 0 0.3rem;
		width: 100%;
		float: left;
	}

	.special-li ul li img {
		width: 100%;
	}

	.special-li ul li span {
		font-size:3rem;
		margin:3rem 0 2rem 0;
	}
	.special-box { padding: 0.4rem 0; width: 99%;}

	.col1 {
		width: 100%;
		margin: 0 auto;
	}

	.found-name {
		display: none;
	}

	.cor1 {
		float: left !important;
		width: 100%;
	}
	.found1 { width:100%; }
	.foundbox { width: 100%; margin: 0 auto;}
	.butnav1 { width: 100%;font-size: 1.8rem !important;}
	.butnav1 a { width: 30%; margin: 0 1rem 0 1rem; line-height:7rem; font-size:3rem;}
	.butnav1 a.selected {width: 30%;}
	.page{
		width: 100vw !important;
	}
	.fv1{
		width: 95%;
		margin: 140px auto 20px;
		float: none;
	}
	.fx{
		display: none !important;
	}
  .info-qr { text-align: center; display: block !important; }
  .info-qr img { border: 1px #ccc solid; width: 18rem;}
  .info-qr p { font-size: 1.6rem; color: #666; line-height: 2.4rem;text-indent: 0;}
  .info-author{font-size: 1.8rem;}

}



@media screen and (min-width:1000PX) {
	.info-top {
		display: block;
	}

	.info-box-1 {
		float: left;
		width: 100%;
		margin: 2rem 0 2rem 0;
	}

	.nav-top {
		display: none;
	}

	.nav-top img {
		display: none;
	}

	.map-top {
		text-align: left;
		padding-left: 50px;
		background: none;
		color: #666;
		font-weight: normal;
		font-size: 18px;
	}

	.map {
		display: none; 
	}
}



.info-qr{display: none;}
.fx{ display:block;}
.fxm{ width:86px; height:30px; background:#a01c0e; color:#fff; font-size:14px; text-align:center; line-height:28px; position:relative; float:right; border-radius:6px; margin-top:8px; cursor:pointer;}
.fxm p{ position:absolute; top:26px; right:0; background:#fff; padding:10px; display:none; border:2px #a01c0e solid;}
.fxm02{ text-align:center; font-size:14px; color:#999; line-height:40px; margin:30px 0 0;}
.fxm02 p{ display:block; width:120px; height:120px; margin:0 auto; padding:7px;border: 6px #e4e4e4 solid;}